<!--navbar-->
<div class="navbar">
    <div class="navbar-inner white-navbar" style="background-color: #ffffff">
        <div class="left">
            <a href="#" class="back link icon-only">
                <i class="f7-icons size-16">left</i>
            </a>
        </div>
        <div class="center">我的任务</div>
        <div class="right">草稿箱</div>
    </div>
</div>
<!-- Page, data-page contains page name-->
<div data-page="page.center.myTask.index" class="page navbar-through no-toolbar">
    <div class="page-content center-scroll">
        <!--选项卡-->
        <div class="walletPassword-tab">
            <div class="tab-title row no-gutter">
                <!-- Link to 悬赏任务, active -->
                <a href="#tab-reward" class="tab-link col-50 active">
                    <p>悬赏任务</p>
                </a>
                <a href="#tab-tender" class="tab-link col-50">
                    <p>招标任务</p>
                </a>
            </div>
            <div class="tabs">
                <!-- 悬赏任务, active by default -->
                <div id="tab-reward" class="tab active">
                    <div class="panel-box">
                        <div class="white-task-box row no-gutter">
                            <div class="row my-task-row">
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-audit"></div>
                                    <span class="label-task-item">待审核</span>
                                </a>
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-tender"></div>
                                    <span class="label-task-item">投标中</span>
                                </a>
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-choose"></div>
                                    <span class="label-task-item">选标中</span>
                                </a>
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-work"></div>
                                    <span class="label-task-item">工作中</span>
                                </a>
                            </div>
                            <div class="row my-task-row">
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-evaluate"></div>
                                    <span class="label-task-item">评价中</span>
                                </a>
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-complete"></div>
                                    <span class="label-task-item">交易完成</span>
                                </a>
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-safeguard"></div>
                                    <span class="label-task-item">维权中</span>
                                </a>
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-close"></div>
                                    <span class="label-task-item">交易关闭</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="tab-tender" class="tab">
                    <div class="panel-box">
                        <div class="white-task-box row no-gutter">
                            <div class="row my-task-row">
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-audit"></div>
                                    <span class="label-task-item">待审核</span>
                                </a>
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-tender"></div>
                                    <span class="label-task-item">投标中</span>
                                </a>
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-choose"></div>
                                    <span class="label-task-item">选标中</span>
                                </a>
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-work"></div>
                                    <span class="label-task-item">工作中</span>
                                </a>
                            </div>
                            <div class="row my-task-row">
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-evaluate"></div>
                                    <span class="label-task-item">评价中</span>
                                </a>
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-complete"></div>
                                    <span class="label-task-item">交易完成</span>
                                </a>
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-safeguard"></div>
                                    <span class="label-task-item">维权中</span>
                                </a>
                                <a href="#" class="task-item col-25">
                                    <div class="icon icon-close"></div>
                                    <span class="label-task-item">交易关闭</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>